<template>
	<view class="lawyer-list">
		<view class="lawyer-list-title">
			<text class="title">小律大牌</text>
			<text class="subtitle" @click="$u.route('/pages_lawyer/lawyer_list/lawyerList')">查看更多</text>
		</view>
		<view class="lawyer-list-wrapper">
			<view class="lawyer-item" v-for="(item,index) in lawyerList" @click="toDetail(item.id)" :key="index">
				<view class="lawyer-image-container">
					<view class="lawyer-icon">
						大牌律师
					</view>
					<view class="lawyer-photo">
						<u-image width="100%" height="100%" :src="item.avatars" mode="widthFix" />
					</view>
					<view class="lawyer-position">
						高级法律顾问
					</view>
				</view>
				<view class="lawyer-info-container">
					<view class="lawuyer-info-top">
						<view class="lawyer-info-name">
							{{item.lawyer_name}}
						</view>
						<view class="lawyer-work-year">
							执业{{item.year}}年
						</view>
					</view>
					<view class="lawyer-info-expertise">
						{{item.event}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			lawyerList: {
				type: Array,
			}
		},
		methods: {
			toDetail(id) {
				this.$u.route(`/pages_lawyer/lawyer_detail/lawyerDetail?id=${id}`);
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./lawyerList.scss";
</style>
